.float_bottom{
	position: relative;
	left: 25%;
	bottom: -150px;
}

.font_size_40px{
	font-size: 40px;
}
.width_50p{
	width: 50%;
}

.width_100px{
	width: 100px;
}

.width_60px{
	width:60px;
}

.width_100p{
	width: 100%;
}

.width_30p{
	width: 20%;
}

.width_300px{
	width: 300px;
}

.height_300px{
	height:300px;
}

.height_100px{
	height:100px;
}

.height_50px{
	height: 50px;
}

.padding_0px{
	padding: 0px;
}

.padding_10px{
	padding: 10px;
}

.margin_left_10px{
	margin-left: 10px;
}

.margin_left_40px{
	margin-left: 40px;
}

.margin_top_25px{
	margin-top: 25px;
}

.margin_top_10px{
	margin-top: 10px;
}

.margin_bottom_20px{
	margin-bottom: 20px;
}

.margin-top-20px{
	margin-top: 20px;
}

.margin_top_20px{
	margin-top: 20px;
}

.margin-top-10px{
	margin-top: 10px;
}

.margin_top_5px{
	margin-top: 5px;
}

.margin_5px{
	margin-left: 5px;
	margin-right: 5px;
}

.margin_horizontal_10px{
	margin-left: 10px;
	margin-right: 10px;
}

.margin_20px{
	margin: 20px;
}

.box_5x5px{
	width: 5px;
	height: 5px;
}

.box-40x40px{
	width: 40px;
	height: 40px;
}

.box_60x60px{
	width: 60px;
	height: 60px;
}

.bilibili{
	display:inline-block;
}

.radius_red{
	padding: 5px;
	border-color: red;
	border-width: 1px;
	border-style:solid;
	border-radius: 3px;
}

.text_center_in_horizon{
	text-align: center;
}

.text_right_in_horizon{
	text-align: right;
}

.margin_top_50p{
	margin-top: 50%;
}

.padding_top_20px{
	padding-top: 20px;
}

.padding_top_10px{
	padding-top: 10px;
}

.margin_10px{
	margin-left: 10px;
	margin-right: 10px;
}

.margin_right_10px{
	margin-right: 10px;
}

.white_small_font{
	color: white;
	font-size: 9px;
}

.white_medium_font{
	color: white;
	font-size: 13px;
}

.black_medium_font{
	color: black;
	font-size: 13px;
}

.black_small_font{
	color: black;
	font-size: 9px;
}

.gray_medium_font{
	color: gray;
	font-size: 13px;
}

.gray_small_font{
	color: gray;
	font-size: 9px;
}

.gray_nano_font{
	color: gray;
	font-size: 9px;
}

.white_small_font{
	color:white;
	font-size: 11px;
}

.white_sky_ground_big_font{
	color:white;
	font-size: 30px;
}

.green_nano_font{
	color: green;
	font-size: 9px;
}

.green_medium_font{
	color: green;
	font-size: 13px;
}

.green_small_font{
	color: green;
	font-size: 9px;
}

.blue_small_font{
	color:blue;
	font-size: 9px;
}

.red_small_font{
	color: red;
	font-size: 9px;
}

.red_medium_font{
	color: red;
	font-size: 13px;
}

.red-content{
	color: red;
}

.gray_content{
	color: gray;
}

.bk_green{
	border-radius: 5px;
	padding: 5px 10px 5px 10px;
	background-color: green;
}

.bk_green_bg{
	background-color: green;
}

.bk_white_bg{
	background-color: white;
}

.bk_gray_bg {
	background-color: gray;
}

.bk_gray_bg_10px {
	background-color: gray;
	height: 10px;
}

.radius_bk_red{
	border-radius: 5px;
	padding: 10px;
	background-color: red;
}

.radius_bk_green{
	border-radius: 5px;
	padding: 10px;
	background-color: green;
}

.radius_bk_gary{
	border-radius: 5px;
	padding: 10px;
	background-color: gray;
}

.content_center_in_horizon{
	margin: 0 auto;
}

.center_in_vertical{
	height: 50%;
	position: relative;
	top: 25%;
}

.middle_circle {
	height: 10px;
	width: 10px;
	border-radius: 5px;
	background-color: green;
	margin-left: 40%;
}

.middle_line {
	width: 2px;
	height: 40px;
	background-color: gray;
	margin-left: 50%;
}

.circle_number_green_60px{
	color: white;
	height: 60px;
	width: 60px;
	text-align: center;
	border-radius: 30px;
	background-color: green;
}
.circle_number_green_60px > span:first-child{
	height: 30px;
	line-height: 60px;
}

.gray_circle {
	width: 60px;
	height: 60px;
    border: 1px gray solid;
	-webkit-border-radius: 60px;
}
.gray_circle > span:first-child{
	height: 30px;
	line-height: 60px;
}

/*购物车吧*/

.shop_cart_tab div{
	text-align: center;
	background-color: white;
	font-size: 13px;
	color: gray;
	border-right: 1px solid gray!important;
}

.shop_pay_now{
	position: absolute;
	bottom: 0px;
	width: 100%;
	font-size: 13px;
	color: white;
	background-color: red;
	padding: 10px;
	text-align: center;
}

.up_to_15px{
	position: relative;
	top: -15px;
}

.down_to_20px{
	position: relative;
	top: 20px;
}

.red_cb_circle {
	float: left;
	margin-top: 30.5px;
    width: 10px;
    height: 10px;
    background: red;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.shop_cart_img{
	float: left;
	margin-left: 10px;
	width: 65px;
	height: 65px;
}

.shop_cart_info{
	margin-top: 15px;
	margin-left: 10px;
	float: left;
	font-size: 13px;
	color: gray;
	width: 120px;
}

.shop_cart_op_area{
	float: right;
}

.border_text{
	text-align: center;
	border:1px solid gray
}

.right_border{
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid gray!important;
}

.shop_cart_add_count{
	padding-left: 10px;
	padding-right: 10px;
}

.shop_cart_count{
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid gray!important;
}

.shop_cart_total{
	text-align: right;
	font-size: 13px;
	color: gray;
	background: white;
	padding: 10px;
}

.gallery {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.shop_item {
	display: -webkit-flex; /* Safari */
  display: flex;
	height: 60px;
	background-color: "green";
	align-items: center;
}

.shop_item_img {
	height: 60px;
	width: 60px;
}

.shop_item_op_area {
	flex: 1;
}

.use_flex {
	display: -webkit-flex; /* Safari */
  display: flex;
}

.flex_1 {
	flex: 1;
}

.shop_cart_sub_tab {
	display: -webkit-flex; /* Safari */
	display: flex;
	background-color: white;
}

.shop_cart_sub_tab_item {
	flex: 1;
	height: 50px;
	vertical-align: middle;
}

.shop_cart_sub_tab_item_text {
	text-align: center;
	border-right: 1px solid gray!important;
	font-size: 13px;
	color: gray;
	vertical-align: middle;
}

.flex_direction_row {
	flex-direction: row;
}

.order-user-panel-no-underware{
	margin: 0;
}

.order_item_title {
	display: flex;
	direction: row;
	padding: 10px 10px 0px 10px;
}

.order_item_title_text {
	flex: 1;
}

.icon_medium {
    width: 50px;
    height: 50px;
}

.friends_rank_item {
	display: -webkit-flex;
	display: flex;
	height: 80px;
	-webkit-flex-direction: row;
	flex-direction: row;
	align-items: center;
	background-color: white;
	margin-top: 1px;
	padding-left: 10px;
	padding-right: 10px;
}

.circle_img_60px {
	width: 60px;
	height: 60px;
	border-radius: 30px;
}

.friends_rank_item_avatar {
	margin-left: 20px;
}

.friends_rank_item_txt_area {
	flex: 1;
	margin-left: 10px;
	margin-right: 10px;
}

.friends_rank_item_txt_area_icon {
	color: green;
}

.friends_rank_item_txt_value {
	color: gray;
	font-size: 13px;
}

.box_20px {
	width: 20px;
	height: 20px;
	text-align: center;
}

 /*茶群详情*/
 .out_border{
	 border:solid 1px gray;
	 margin: auto;
 }

 .no_border {
	 border: 0;
 }

 .ad_content {
	 background-color: white;
	 padding: 10px;
 }

 /*购物车*/
 .shop_tab_area {
	 	background-color: white;
	 	display: -webkit-flex;
 		display: flex;
		height: 30px;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-align-items: center;
    align-items: center;
 }

 .shop_tab_item {
	  -webkit-flex: 1;
		        flex: 1;
		display: -webkit-flex;
 		display: flex;
		-webkit-align-items: center;
				align-items: center;
-webkit-justify-content: center;
				justify-content: center;
 }

 .border_right {
	 border-right-color: gray;
	 border-right-style: solid;
	 border-right-width: 1px;
 }

 .shop_tab_item_text {
	 color: gray;
	 font-size: 9px;
 }

 .shop_cart_selected_circle {
	 background-color: red;
	 border-radius: 3px;
	 height: 6px;
	 width: 6px;
 }

.shop_cart_fl_img {
	width: 60px;
	height: 60px;
}

.top_10px {
	margin-top: 25px;
}

.address_item {
	display: -webkit-flex;
	display: flex;
	height: 60px;
	border-bottom: 1px solid #e6e6e6;
	background: white;
}

.address_name_area {
	padding-left: 16px;
	height: 60px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.address_op_area {
	width: 60px;
	flex-direction: column;
	display: -webkit-flex;
	display: flex;
}

.address_name_item_area {
	display: flex;
	flex: 1;
	align-items: center;
}

.address_edit {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
}

.address_delete {
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
}

.shop_item_selected_dot {
	height: 10px;
	width: 10px;
	background: red;
	margin-right: 10px;
	border-radius: 5px;
	border: 1px solid gray;
}

.shop_item_unselected_dot {
	height: 10px;
	width: 10px;
	background: white;
	margin-right: 10px;
	border-radius: 5px;
	border: 1px solid gray;
}

.order_item {
	display: flex;
	flex-direction: column;
	background: white;
	margin-bottom: 10px;
}

.order_title {
	display: flex;
	align-items: center;
	padding: 10px;
	border-bottom: 0.5px solid #cccccc;
}

.order_shop_name {
	color: rgb(88, 89, 91);
	font-size: 15px;
	margin-left: 5px;
	margin-right: 5px;
}

.order_title_status {
	display: flex;
	justify-content: flex-end;
	flex: 1;
	color: rgb(248, 161, 96);
}

.order_item_body {
	height: 150px;
	display: flex;
	align-items: center;
	padding: 10px;
	border-bottom: 0.5px solid #cccccc;
}

.order_body_text_area {
	display: flex;
	flex: 1;
	flex-direction: column;
}

.order_goods_name {
	flex: 1;
	color: rgb(88, 89, 91);
	font-size: 15px;
	margin-left: 5px;
	margin-right: 5px;
}

.order_goods_price {
	color: rgb(214, 42, 70);
	font-size: 16px;
}

.order_goods_count {
	flex: 1;
	color: rgb(188, 190, 192);
	text-align: right;
	font-size: 16px;
}

.order_goods_price_total {
	text-align: right;
	padding: 10px;
	color: rgb(88, 89, 91);
	font-size: 15px;
	border-bottom: 0.5px solid #cccccc;
}

.order_pay_area {
	text-align: right;
	padding: 10px;
}

.order_function_button {
	padding: 5px;
	color: rgb(214, 42, 70);
	border-color: rgb(214, 42, 70);
	border-width: 0.5px;
	border-style:solid;
	border-radius: 5px;
	font-size: 15px;
}

.image_icon {
	width: 15px;
	height: 15px;
}

.message_function_area {
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
}

.point-list {
	background-color: white;
}

.point-item {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	display: flex;
	height: 77px;
	flex-direction: column;
}

.point-item-content {
	display: flex;
	flex: 1;
	flex-direction: row;
	align-items: center;
}

.point-item-content-title {
	color: black;
	font-size: 14px;
}

.point-item-content-des {
	color: gray;
	font-size: 12px;
}

.point-item-content-up {
	color: red;
	font-size: 14px;
}

.point-item-hr {
	margin-left: 10px;
	margin-right: 10px;
}
